// 字体模型
@mixin SpecialFont {
    font-family: headerFont;
    color: #fff;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
@mixin GradualChange($preColor,$afterColor){
    font-family: DINAlternate-Bold, DINAlternate;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1000);
    background: linear-gradient(180deg, $preColor 0%, $afterColor 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
// 青色字体模型
@mixin CyanFont {
    @include GradualChange(#31fcf9,#3398ff);
}
// 黄色字体模型
@mixin YellowFont {
    @include GradualChange(#F5A824,#FFD895);
}
// 红色字体模型
@mixin RedFont {
    @include GradualChange(#F55124,#FFB895);
}
// 绿色字体模型
@mixin GreenFont {
    @include GradualChange(#24f5b1,#eafff1);
}
// 橙色字体模型
@mixin OrangeFont {
    @include GradualChange(#f5a824,#ffd895);
}
// 蓝色字体模型
@mixin BlueFont {
    @include GradualChange(#ffffff,#81e9ff);
}